@charset "utf-8";
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
html{width:100%; -webkit-text-size-adjust:none; font-size:50px; }
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
body{font-family:"微软雅黑",Helvetica,STHeiTi,sans-serif;  font-size: .28rem; color: #484848; -webkit-user-select: none;   margin:0 auto; background-color:#f9f9f9 ; padding-bottom:1.1rem; } 
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h1{font-size:.36rem}
h2{font-size:.34rem}
h3{font-size:.32rem}
h4{font-size:.3rem}
h5{font-size:.3rem}
h6{font-size:.3rem}
q:before,q:after{content:''}
abbr,acronym{border:0}
hr{margin: 0;padding: 0;border: 0;color: #CDCDCD;background-color: #CDCDCD;height: 1px}
blockquote{color:#3d3d3d;font-style:italic;}
sup,sub{line-height:0}
abbr,acronym{border-bottom:1px dotted #666}
pre{white-space:pre;}
pre,code,tt{font:.6rem 'andale mono', 'lucida console', monospace;line-height:1.5}
/*clear clearfix*/.clearfix:after{content: "\0020";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{zoom: 1;}
.clear{clear:both;}
a{text-decoration: none;font-size:.28rem;color:#484848}
.radius5{-moz-border-radius: 5px;/* Gecko browsers*/-webkit-border-radius: 5px;/* Webkit browsers*/border-radius:5px;}
.p10{padding:0 0.1rem}
.ty{-webkit-box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; box-shadow: 0px 2px 2px #CCC;}
.f{float:left;}
.r{float:right}
img{width:100%}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#c5c5c5;}
input:-moz-placeholder,textarea::-webkit-input-placeholder{color:#c5c5c5;}
input::-moz-placeholder,textarea::-webkit-input-placeholder{color:#c5c5c5;}
input:-ms-input-placeholder,textarea::-webkit-input-placeholder{color:#c5c5c5}
 
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0;    -webkit-appearance: none;}

/*布局*/
.xinput{ width:100%; border:none; background:none; font-size:.28rem} 
.xinput.ico-arrow{ background:url(../images/ico-arrow.png) no-repeat center right; background-size:.16rem; padding-right:.2rem;}
.xradio input{ width:.26rem; height:.26rem; display:inline-block; vertical-align:middle; border-radius:50%; border:1px solid #c9c9c9; margin-right:.18rem; position:relative; position:relative;top:-0.03rem}
.xradio input:checked{ border:1px solid #3e85f7}
.xradio input:checked:after{ content:""; display:block; position:absolute; z-index:1; left:50%; margin-left:-.075rem; margin-top:-.075rem; top:50%; width:.15rem; height:.15rem;border-radius:50%; background-color:#3e85f7;}
.ui-flex{display: -webkit-box; width: 100%; -webkit-box-sizing: border-box;}
.ui-list-info{-webkit-box-flex: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.ui-info{-webkit-box-flex: 1; }
.ui-c{-webkit-box-align:center}
.ui-nowrap{max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
input[type=file] {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;opacity: 0;cursor: pointer;font-size: 50rem;}
.frame{ background-color:#fff; padding:0 .2rem; margin-bottom:.15rem}

/*底部*/
.footnav{ position:fixed;  z-index:99; left:0; right:0; bottom:0; background-color:#fff; border-top:1px solid #e1e1e1}
.footnav ul{ display:flex;}
.footnav ul li{ width:33.33%; text-align:center; border-right:1px solid #e1e1e1;}
.footnav ul li h3{ font-size:.28rem}
.footnav ul li a{ display:block;height:1.1rem; padding-top:.15rem}
.footnav ul li span{ display:block;  height:.36rem; margin-bottom:.1rem; background-repeat:no-repeat; background-position:center; background-size:auto 100%}
.footnav ul li.on a{ color:#3e85f7}
.footnav ul li .ico-f01{ background-image:url(../images/ico-f01.png)}
.footnav ul li .ico-f02{ background-image:url(../images/ico-f02.png)}
.footnav ul li .ico-f03{ background-image:url(../images/ico-f03.png)}
.footnav ul li.on .ico-f01{background-image:url(../images/ico-f01h.png)}
.footnav ul li.on .ico-f02{background-image:url(../images/ico-f02h.png)}
.footnav ul li.on .ico-f03{background-image:url(../images/ico-f03h.png)}
/*新建日程*/
.header{ height:1rem;}
.header .box{ height:1rem; background-color:#3e85f7; position:fixed; z-index:1; left:0; right:0;top:0; color:#fff; display:flex}
.header .box h1{ flex:1; text-align:center; line-height:1rem; font-size:.3rem}
.header .hleft,.header .hright{ width:1rem}
.header .tclose{ display:block; height:1rem; width:1rem; background:url(../images/ico-close.png) no-repeat center; background-size:40%}
.header .tkeep{ display:block; height:1rem; width:1rem; background:url(../images/ico-g.png) no-repeat center; background-size:40%}
.header .tgoto{ display:block; height:1rem; width:1rem; background:url(../images/ico-goto.png) no-repeat center; background-size:40%}

.formlist .textarea{ padding-top:.3rem; padding-bottom:.3rem}
.formlist .textarea textarea { width:100%; font-size:.28rem; border:none; background:none; height:1.8rem}
.formlist .xinput{width:3.3rem;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.flexlist li{ display:flex;align-items:center; padding:.25rem 0;  border-bottom:1px solid #f2f2f2}
.flexlist li:last-child{ border-bottom:none}
.flexlist li .t{ flex:1}
.formlist i.ico{ display:block; width:.32rem; height:.32rem; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-right:.2rem}
.formlist i.ico-01{ background-image:url(../images/ico-01.png)}
.formlist i.ico-02{ background-image:url(../images/ico-02.png)}
.formlist i.ico-03{ background-image:url(../images/ico-03.png)}
.formlist i.ico-04{ background-image:url(../images/ico-04.png)}
.formlist li{ font-size:.28rem;}
/*任务*/
.tasklist .hd ul{ display:flex; border-bottom:1px solid #e8e8e8}
.tasklist .hd ul li{ font-size:.3rem; width:33.33%; text-align:center; height:.98rem; line-height:.98rem; background-color:#fff; border-right:1px solid #e8e8e8}
.tasklist .hd ul li:last-child{ border-right:none}
.tasklist .hd ul li.on{ background-color:#3e85f7; color:#fff}
.tasklist .bd{ padding:.2rem .3rem; }
.tasklist .bd li{ margin-bottom:.2rem}
.tasklist .bd li a{ display: -webkit-box; width: 100%; -webkit-box-sizing: border-box; background-color:#fff; padding:.2rem; padding-top:.3rem;box-shadow:0 0 .2rem rgba(0,0,0,.1)}
.tasklist .bd li .txt{ -webkit-box-flex: 1;}
.tasklist .bd li h3{overflow: hidden; margin-bottom:.05rem; white-space: nowrap; text-overflow: ellipsis; width:100%; position:relative;top:-.07rem}
.tasklist .bd li .ico{ margin-right:.15rem; width:.26rem; height:.26rem; background:url(../images/ico-k.png) no-repeat center top; background-size:100%}
.tasklist .bd li .times{ color:#929292; font-size:.25rem}
.tasklist .bd li .xpire{ padding:0 .05rem; color:#fff; padding:.1rem; font-size:.24rem; border-radius:5px;background: linear-gradient(to right,#54d33e,#2a7812);}
.tasklist .bd li .xpire.red{background: linear-gradient(to right,#ce2927,#c1000b);}
.tasklist .bd li .xpire.yellow{background: linear-gradient(to right,#fed770,#f0b80b);}


.taskform .title{ padding-top:.25rem; padding-bottom:.25rem;  }
.taskform .title h3{ background:url(../images/ico-k.png) no-repeat center left; background-size:.26rem; padding-left:.45rem}
.taskform .ico{ width:.29rem; height:.33rem; background-position:center; background-repeat:no-repeat; background-size:auto 100%; margin-right:.2rem}
.taskform  .ico-date{ background-image:url(../images/ico-date.png)}
.taskform  .ico-execute{ background-image:url(../images/ico-execute.png)}
.taskform  .ico-order{ background-image:url(../images/ico-order.png)}
.radiobox{ padding-top:.25rem; padding-bottom:.25rem; display:flex;align-items:center;}
.radiobox .xradio{ flex:1}
.radiobox .xradio label{ margin-right:.48rem}

.filebox{ padding-top:.25rem; padding-bottom:.25rem; display:flex;align-items:center;}
.filebox .t{ flex:1}
.filebox .xfile{ position:relative; overflow:hidden}
.filebox .xfile i{ display:block; font-style:normal; width:.5rem; height:.5rem; line-height:1;text-align:center; border:1px dashed #ababab; color:#ababab; font-size:.4rem}

.fileimg{ margin-top:-.15rem; text-align:center; padding-bottom:.25rem}
.fileimg img{ height:3rem; width:auto}

.formbtn{ margin-top:.6rem; text-align:center}
.formbtn li{ margin-bottom:.25rem}
.formbtn .btn{ height:.8rem; width:70%; border-radius:.8rem; text-align:center; line-height:.8rem; border:1px solid #3e85f7; background-color:#3e85f7; color:#fff}
.formbtn .btn.cancel{ background:none; color:#3e85f7}

/*个人中心*/
.personaltop{ padding:.8rem .3rem; padding-bottom:.7rem; background:#3e85f7 url(../images/personaltopbg.jpg) no-repeat center top; background-size:cover; color:#fff; display:flex;align-items:center; margin-bottom:.2rem }
.personaltop .namebox{display:flex;align-items:center; margin-bottom:.2rem}
.personaltop .namebox .ewm img{ width:.68rem}
.personaltop .namebox .name{ margin-right:.25rem; position:relative;top:-0.05rem}
.personaltop .namebox .name h3{ font-size:.4rem; font-weight:normal}
.personaltop .namebox .name .en{ font-size:.2rem; text-transform:uppercase; font-weight:bold}
.personaltop .zw{ font-size:.25rem; background:rgba(255,255,255,.1); display:inline-block; padding:.05rem .1rem; border-radius:3px}
.personaltop .personalleft{ flex:1}
.personaltop .personalright .img{ padding:5px; background:rgba(255,255,255,.4); border-radius:50%}
.personaltop .personalright img{ width:1.2rem; display:block; height:1.2rem; border-radius:50%;}

.personallist .ico{ display:block; width:.32rem; height:.32rem; margin-right:.2rem; background-position:center; background-repeat:no-repeat; background-size:100%}
.personallist a{ display:block; display:flex;align-items: center;padding: .25rem .3rem; background:#fff url(../images/ico-arrow.png) no-repeat right .3rem center; position:relative; background-size:auto .3rem}
.personallist a:after{ height:1px; content:""; display:block; position:absolute; z-index:1; bottom:0; right:0; left:.3rem; background-color:#f2f2f2}
.personallist li:last-child a:after{ display:none}
.personallist .ico-p01{ background-image:url(../images/ico-p01.png)}
.personallist .ico-p02{ background-image:url(../images/ico-p02.png)}
.personallist .ico-p03{ background-image:url(../images/ico-p03.png)}
.personallist .ico-p04{ background-image:url(../images/ico-p04.png)}
.personallist .ico-p05{ background-image:url(../images/ico-p05.png)}

.selistbox{ display:none; position:fixed; z-index:100; left:0; right:0;top:0; background:rgba(0,0,0,.5); bottom:0;}
.selistbox .selist{ background-color:#fff; width:87%;   position:absolute; z-index:1;top: 50%;left: 50%;transform: translate(-50%, -50%); padding:10px;}
.selistbox .selist .hd{ display:flex; border-bottom:1px solid #eee; padding-bottom:10px; font-size:.28rem; margin:0 5px; margin-bottom:10px}
.selistbox .selist .hd h3{ flex:1}
.selistbox .selist .hd .mclose{ color:#3e85f7}
.selistbox .selist .hd h3{font-size:.28rem;}
.selistbox .selist a{ display:inline-block; padding:5px .15rem; border:1px solid #eee;font-size:.28rem; margin:.08rem}
.selistbox .selist a.checked{ background-color:#3e85f7; color:#fff}

.announcement li a{ display:flex; background-color:#fff; } 
.announcement{ padding:.2rem .3rem; }
.announcement li{ margin-bottom:.2rem}
.announcement li a{ display: -webkit-box; width: 100%; -webkit-box-sizing: border-box; background-color:#fff; padding:.2rem; padding-top:.3rem;box-shadow:0 0 .2rem rgba(0,0,0,.1)}
.announcement li .txt{ -webkit-box-flex: 1;}
.announcement li h3{overflow: hidden; margin-bottom:.05rem; white-space: nowrap; text-overflow: ellipsis; width:100%; position:relative;top:-.07rem}
.announcement li .ico{ margin-right:.15rem; width:.26rem; height:.26rem; background:url(../images/ico-k.png) no-repeat center top; background-size:100%}
.announcement li .ms{ color:#929292; font-size:.25rem}
.announcement li .stat{ margin-left:.3rem;}
.announcement li .stat.red{ color:#b10c2a}
.announcement .announceContent{ text-align:center; font-size:.3rem}
.nowdate{ padding:0.1rem .3rem; font-size:.3rem; color:#929292}
.adda{ position:relative; margin-bottom:.3rem}
.adda a{ display:block; position:absolute; z-index:1; right:0.3rem;top:-.5rem; text-align:center; line-height:1rem; color:#fff; font-size:.8rem; width:1rem; height:1rem; background-color:#fa3965; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,.2)}

.inner{ position:relative}
.innertop{ position:absolute; z-index:1; right:.3rem;top:0.3rem}
.innertop a{ margin-left:.5rem;display:inline-block; width:.42rem; height:.42rem; background-position:center; background-size:100%; background-repeat:no-repeat}
.innertop .ico-a01{ background-image:url(../images/ico-a01.png)}
.innertop .ico-a02{ background-image:url(../images/ico-a02.png)}
@media(max-width:420px) {
.dw{ left:10px !important; right:10px !important}
.mbsc-android-holo-light .dwwr{ width:100% !important}
.dwfl{ min-width:56px !important}

}